
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<script type="text/javascript">
		/*点击时间联动checkbox*/
		function onClick(e, treeId, treeNode) {
			e.preventDefault();
			return false;
		}	

		/**ztree设置*/
		 var setting = {
		  view: {
		    dblClickExpand: false,//双击节点时，是否自动展开父节点的标识
		    showLine: true,//是否显示节点之间的连线
		    fontCss:{'color':'black','font-weight':'bold'},//字体样式函数
		    selectedMulti: false //设置是否允许同时选中多个节点
		  },
		  view: {
				dblClickExpand: false
			}, 
		 check:{
		    chkStyle: "checkbox",//复选框类型
		    enable: true //每个节点上是否显示 CheckBox 
		  },
		  data: {
		    simpleData: {//简单数据模式
		      enable:true,
		      idKey: "id",
		      pIdKey: "parentId",
		      rootPId: null
		    }
		  },
       	 callback: {
			onClick: onClick
		 }
		};  
		
		/**
		 * 加载树形结构数据
		 */
	  	function onLoadZTree(){
		 	var t = $("#functionZtree");
		  	t = $.fn.zTree.init(t, setting, ${perList}); 
		} 
		
		/**
		 * 页面初始化
		 */
		 $(document).ready(function(){
		  onLoadZTree();
		}); 
		
</script>

<div class="bjui-pageContent">
   <form action="${ctx}/sys/sysRolePermissionAction/doSave" class="pageForm" data-toggle="validate"> 
        <ul id="functionZtree" class="ztree" style="padding-left: 45px" ></ul> 
  </form>
</div>